.arco-space {
    display: inline-flex;
    align-items: center;
}


.arco-space-vertical {
    flex-direction: column;
}

.arco-space-vertical{
    flex-direction: column;
    & > view,
    & > button,
    & > text,
    & > input,
    & > image {
        margin-bottom: 8px!important;
    }
    &:last-child{
        margin-bottom: 0px;
    }
}


.arco-space-horizontal {
    & > view,
    & > button,
    & > text,
    & > input,
    & > image {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
}


.arco-space-full {
  width: 100%;
}

.arco-space-wrap{
    flex-wrap: wrap;
    & > view,
    & > button,
    & > text,
    & > input,
    & > image {
        margin-right: 8px !important;
        margin-bottom: 8px !important;
    }
}